一、文本颜色类：text-*** Bootstrap 4 提供了一些有代表意义的颜色类：.text-muted, .text-primary, .text-success, .text-info, ...

 一、导航栏 导航栏一般放在页面的顶部。 我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水 ...

接下来我们通过 Bootstrap4 来创建一个简单的响应式网页。 在学习之前我们可以先看下效果：https://www.runoob.com/try/demo_source/bootstrap3-m ...

 一、分页效果 网页开发过程，如果碰到内容过多，一般都会做分页处理。 Bootstrap 4 可以很简单的实现分页效果。 要创建一个基本的分页可以在 元素上添加 .pagination 类。 ...

 一、简单的卡片 我们可以通过 Bootstrap4 的 .card 与 .card-body 类来创建一个简单的卡片，实例如下: 尝试一下 » Bootstrap4 的卡片类似 B ...

 一、圆角图片 .rounded 类可以让图片显示圆角效果： 尝试一下 » 二、椭圆图片 .rounded-circle 类可以设置椭圆形图片: 尝试一下 » 三、缩略图 ...

 Bootstrap 4 通过 flex 类来控制页面的布局。 一、弹性盒子(flexbox) ：.d-*-flex；.d-*-inline-flex Bootstrap 3 与 Bootstrap ...

 弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。 一、如何创建弹出框 通过向元素添加 data-toggle="popover" 来来创建弹出框。 tit ...

 一、Bootstrap4 基础表格：.table Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下: 尝试一下 » 二、条纹表格 通过添加 .table-st ...

 一、提示框 提示框可以使用 .alert 类（无背景）, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .al ...